<template>
  <el-form
    ref="form"
    :model="form"
    label-width="100px"
    class="mainpage"
  >
  <el-form-item label="拼桌评价配置">
    <el-select v-model="form.evaluation" multiple>
      <el-option
        v-for="item in evaluationList"
        :lable="item.value"
        :value="item.value"
        :key="item.id"
      ></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="评价维度">
    <el-rate v-model="form.evaluation" show-text v-for="item in form.evaluation" :key="item.id"> </el-rate>
  </el-form-item>
    
  </el-form>
</template>
<script>
export default {
  name: "Evaluation",
  data() {
    return {
        form:{
            evaluation: [

      
            ],
        },
      evaluationList: [
        {
          id: 1,
          name: "waiter",
          value: "服务员",
        },
        {
          id: 2,
          name: "tableJoiningAtmosphere",
          value: "拼桌氛围",
        },
        {
          id: 3,
          name:"dishes",
          value: "菜品",
        },
      ],
    };
  },
};
</script>
<style scoped>
.mainpage {
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}
</style>
